/**
 * Content
 *
 * Defines the content region
 *
 * Markup: content.hbs
 *
 * Style guide regions.content
 */
.content {
    display:flex;
    height: 92vh;
    margin: 0px auto;
    &-fullscreen {
      width: 100%;
      height: 100%;
    }
    &-primary {
        display:flex;
        flex-basis: 70%;
        height: 100%;
    }
    &-secundary {
        display: flex;
        flex-basis: 30%;
        flex-direction: column;
        height: 100%;
    }
    &-empty {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    &-social {
      position: absolute;
      right: 0;
    }
    &-button {
        &--add {
            width: 20rem;
            height: 20rem;
        }
    }
}
